<template>
  <div class="rightBodyContent">
    <div class="rightBodyContent-in">
      <div class="item-title mb-20">
        <ul class="tab-base">
          <li :class="tabLine==1?'activeLi':''" @click="tabFn(1)">我的授出</li>
          <li :class="tabLine==2?'activeLi':''" @click="tabFn(2)">我的被授</li>
        </ul>
      </div>
      <mylist v-if="tabLine==1"></mylist>
      <otherlist v-if="tabLine==2"></otherlist>
    </div>
  </div>
</template>

<script>
import mylist from './mylist.vue'
import otherlist from './otherlist.vue'

export default {
  components: {
    mylist,
    otherlist
  },
  data () {
    return {
      tabLine: 1
    }
  },
  created () {
  },
  methods: {
    tabFn (option) {
      this.tabLine = option
    }
  },
  mounted () {
  }
}
</script>
